* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); //  remove tap highlight color for mobile safari
}

*:before,
*:after {
  box-sizing: border-box;
}

// HTML & Body reset
html, body {
  height: 100%;
}

// unify the setting of elements's margin and padding for browsers
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  margin: 0;
  padding: 0;
}

// Reset fonts for relevant elements
button,input,select,textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

ul,
ol {
  list-style: none;
}

// Remove the clear button of a text input control in IE10+
input::-ms-clear, input::-ms-reveal {
  display: none;
}

body {
  overflow-x: hidden;
}

a {
  color: @primary-color;
  text-decoration: none;
  
  &:link,
  &:active,
  &:hover {
    color: @primary-color;
    text-decoration: none;
  }

  &:visited {
    color: @primary-color;
    text-decoration: none; 
  }
}

.clear() {
  &:before,
  &:after {
    content: "";
    display: table;
  }
  &:after {
    clear: both;
  }
}

.text-overflow() {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.w {
  width: @content-width;
  position: relative;
  margin: auto;

  .clear();

  &._1060 {
    width: 1060px;
    border: none;
  }
}

#main {
  position: relative;
  z-index: 90;
  margin-bottom: 20px;

  &._index {
    margin-top: -100px;
  }

  &._user,
  &._news,
  &._help {
    // background: data-uri('../img/center_middle.jpg') repeat-y center top;
    margin-bottom: 0;
  }

  &._list {
    margin-top: 580px;

    > .w {
      border: none;
    }
  }
}

#main > .w{
  border: 1px solid #462922;

  &._1060 {
    border: none;
  }
}

.text-danger {
  color: red;
}